<template>
	
	<div class="top">
		<router-link to="/" ><img src="//s1.hdslb.com/bfs/static/mult/images/logo.png" alt="logo"></router-link>
		<a href="#" class="fr">下载 App</a>
		<router-link to="/space" class="fr"></router-link>
		<a href="#" class="fr">
			<i class="iconfont icon-magnifier"></i>
		</a>
	</div>
</template>

<script>
	
</script>

<style lang="scss">
	
	.top{
		position: fixed;
		z-index: 10;
		background: white;
		vertical-align: middle;
		width: 100%;
		height: 45px;
		padding: 7px 0;
		a:first-of-type{
			display:inline-block;
			height: 100%;
			padding-left:17px ;
			
			img{
				height: 100%;
			}
		}
		a:nth-of-type(2){
    		margin-right: 7px;
    		width: 89px;
    		height: 27px;
    		border: 1px solid #fb7299;
    		border-radius: 5px;
    		background-color: #fb7299;
    		font-size: 12px;
		    line-height: 27px;
		    text-align: center;
		    color: #fff;
		}
		a:nth-of-type(3){
			    width: 27px;
			    height: 27px;
			    margin-right: 10px;
			    border-radius: 50%;
			    background: url(//static.hdslb.com/images/member/noface.gif) no-repeat;
			    background-size: 100% 100%;
			    overflow: hidden;
		}
		a:last-of-type{
			width: 27px;
			height: 27px;
			margin-right: 10px;
			color: red;
			i{
				font-size: 27px;
				color: #aaa;
			}
		}
	}
</style>